<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TRAVEl</title>
    <link rel="stylesheet" href="./css/style.css">
    <script src="https://kit.fontawesome.com/617bc0ea79.js" crossorigin="anonymous"></script>
</head>
<body>
    <header class="header">
        <nav class="navbar">
            <div class="container">
                <h1 class="logo lg-logo text-light">WT</h1>
                <ul class="navitems">
                    <li class="navitem"><a href="./index.html">Home</a></li>
                    <li class="navitem"><a href="./about.html">About</a></li>
                    <li class="navitem"><a href="./contact.html">Contact</a></li>
                </ul>

            </div>
            
        </nav>

        <div class="header-content">
            <h1 class="lg-heading text-light main-heading">Travel the world</h1>
            <p class="text-light">Travel the world and dream in yourself</p>
            <a href="#explore" class="btn btn-primary text-red md-heading">Explore places</a>
        </div>
    </header>

    <section class="showcase" id="explore">
        <div class="container">
            <div class="row row1" >
                <div class="img-box">
                    <img src="./img/showcase-photo3.jpg" alt="">
                </div>
                <div class="text-box">
                    <h2 class="md-heading text-black">DEGANVY, UK</h2>
                    <p class="text-gray">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odit voluptate neque tenetur voluptatibus vel, consequuntur perferendis possimus illum aut modi, incidunt obcaecati quo rem cum similique suscipit veniam adipisci doloremque.</p>
                    <a href="./about.html" class="btn btn-secondary">More</a>
                </div>
            </div>
            <div class="row row2">
                <div class="img-box">
                    <img src="./img/showcase-photo1.jpg" alt="">
                </div>
                <div class="text-box">
                    <h2 class=" md-heading text-black">DESERT, EGYPT</h2>
                    <p class="text-gray">Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi necessitatibus rerum, sunt, ad nesciunt eum itaque officiis dicta sapiente aperiam incidunt quod, deserunt iure! Laudantium delectus unde debitis alias similique.</p>
                    <a href="./about.html" class="btn btn-secondary">More</a>
                </div>
            </div>
        </div>
    </section>

    <section class="features">
        <div class="container">
            <div class="box-wrapper">
                <div class="box box1">
                    <i class="fas fa-route fa-2x text-red"></i>
                    <h2 class="md-heading">Adventure</h2>
                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptates deleniti esse nobis, id quam voluptatibus suscipit maiores pariatur praesentium eos haceindo!</p>
                </div>
                <div class="box box2">
                    <i class="fas fa-strikethrough fa-2x icon-color"></i>
                    <h2 class="md-heading">Less price</h2>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium temporibus fugit, natus facere dolorem dolor suscipit ea modi laborum ducimus.lorem !</p>
                </div>
                <div class="box box3">
                    <i class="fas fa-user-check fa-2x text-red"></i>
                <h2 class="md-heading">Experience</h2>  
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores quia assumenda praesentium eaque fuga saepe nemo provident repellendus ut veritatis?</p>              
                </div>
    
            </div>
        </div>
    </section>

    <footer class="footer md-heading">
        <div class="social-links">
            <i class="fab fa-facebook fa-10px"></i>
            <i class="fab fa-twitter fa-10px"></i>
            <i class="fab fa-instagram fa-10px"></i>
        </div>
        <p>World Travel &copy; 2020, All Rights Reserved</p>
    </footer>

</body>
</html>